<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>文本格式化属性</title>
		<!-- 文本格式化属性针对文本相关操作（四种方式10个属性）
		    1.控制字体：font-family
			2.控制文本布局：
		    3.文本修饰效果：
			4.处理文本效果：
		 -->
		 <style>
			 /* css3语法：选择器{
				         属性： 属性值；
						 属性： 属性值；
						 .....
			               }
						   叫法：一个样式
			 */
			body div#d1{/*通过加权方式，锁定元素  权值：102*/
				color:#ffff00;
				/* 知识点1：文本格式化属性控制字体 
				font-family:字体家族，指定字体形式;
				*/
			   font-family:华文彩云,sans-serif;
				/*设置多个字体：浏览器会按照顺序寻找可用字体
				用户体验，用户系统有什么字体，优先指定字体
				通常与统配选择器使用   *{}
				*/
			   /*知识点2：文本格式化属性控制字体
			   font-size:字体大小属性，与单位共存
			   单位  px 像素   使用特点：绝对值、PC端
			        em 相对单位，理解：倍数
					           使用特点：相对于父元素按照倍数方式、移动端
			   */
			  /*知识点3：文本格式化属性控制字体
			  font-weight:字体粗细属性，不存在单位
			             属性值：数值【100 200 300  ... 900】
						       常用数值：400
						        单词【400==normal、bold、light 】
			  使用方法：统配选择器搭配使用：指定全局字体正常字体粗细					
			  */
			 font-weight: 900;
			 font-size: 2em;
			 /*补充：1.英文大写，2.首字母大写；3.段落开始间距200px*/
			}
			div#d1{ /*通过加权方式，锁定元素  权值：101*/
				color:#00ff00;
			}
			#d1{/*权值：100*/
				color: #e4393c;
			}
		 </style>
	</head>
	<body>
		<!-- 需求：创建div同时指定别名，添加假文【tab】
		          id选择器，通过加权找到div，添加颜色
		 -->
		 <div id="d1">Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates, dolorum dolore perferendis sequi ullam quaerat corporis incidunt quod quo explicabo repellendus adipisci nesciunt, similique provident, natus beatae voluptas. Impedit, modi.</div>
	</body>
</html>